<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>PCB报价结果 - eolane</title>
   
	<link rel="stylesheet" th:href="@{/css/indexCss/index.css}" />
	<link rel="stylesheet" th:href="@{/css/indexCss/base.css}" />

    <link rel="stylesheet" th:href="@{/css/pcboffer/quote.css}" />
	<script th:src="@{/js/pcboffer/jquery-3.2.1.js}" type="text/javascript"></script>
	<script th:src="@{/js/pcboffer/jquery.easyui.min.js}" type="text/javascript"></script>
	<script th:src="@{/js/pcboffer/quote2.js}" charset="utf-8" type="text/javascript"></script>
    <script type="text/javascript" th:src="@{/assets/layer/layer.js}"></script>
    <style>
    td{
        width: 50%;
     }
    </style>
    <script type="text/javascript">
        $(function(){
            $("header").load("/eolane/f/t/header"); /* 如果是电子制造服务导入common/header1.html，ODM客制化相关导入common/header2.html,以此类推 */
            $("footer").load("/eolane/f/t/footer"); /* 引入公共底部 */
            $(".rightxuanfu").load("/eolane/f/t/right"); /* 右侧悬浮框 */
        })
	</script>
</head>
<body style="background-color: #f2f2f2;">
	<header style="background-color: white;"></header>
	
    <!--计价主体-->
    <div class="g-main" style="margin-top: 15px;">
        <div class="w">
            <div class="pcbonline-options ui-left">
				<b style="font-size: 40px;">PCB报价结果</b>
                <form action="#" th:action="@{/f/u/pcborder}" id="calcForm" method="post" onsubmit="return alertmessage()" >
                  <div class="pcbonline-results" style="width: 100%;padding:0px 0px">
                  
                          <h3 class=" currentDd currentDt" style="display:inline"><span class="f14"><strong style="font-size: 20px;" >总费用：</strong></span><span class="f16 en bold FinalOrderMoney" style="color: orangered;font-size: 20px;" id="pcb_NetMoney"  th:text="${pcbOffer.getPrice()}" >0.00</span><span class="f16 en bold FinalOrderMoney" style="color: orangered;font-size: 20px;"  th:text=" ${pcbOffer.getCurrency()}=='USD($)' ? '  $':'  €'"  >0.00</span></h3>
                      <h3 class=" currentDd currentDt" style="display:inline" th:if="${pcbOffer.getPrice()==null}"><span class="f16 en bold FinalOrderMoney" style="color: #4BABF8;font-size: 20px;color: orangered">请联系欧朗销售客服</span></h3>
                        <h3 class=" currentDd currentDt" style="display:inline;margin-left: 250px" th:if="${pcbOffer.getUrgent()=='Yes' && pcbOffer.getPrice()!=null}"><span class="f14"><strong style="font-size: 20px;" >加急费用：</strong></span><span class="f16 en bold FinalOrderMoney" style="color: orangered;font-size: 20px;"  th:text="${pcbOffer.getPrice2()}">0.00</span><span class="f16 en bold FinalOrderMoney" style="color: orangered;font-size: 20px;"  th:text=" ${pcbOffer.getCurrency()}=='USD($)' ? '  $':'  €'"  >0.00</span></h3>
                          <!--返回pcb报价按钮 功能暂时未实现-->
                      <!--<button class="submitjs f18 bold" style="width: 150px;float: right;margin-right: 40px;margin-top: -38px;" type="submit" id=""><i class="submit-icon"></i>返回报价页面</button>-->
                      <div class="mod" style="display: block;margin-top: 20px;">
                             <table width="100%" border="0" cellspacing="0" cellpadding="0" class="cost-details-list">
                                  <tbody>
                                      <tr>
                                          <td bgcolor="#f4f4f4" width="65">板材类型：</td>
                                          <td th:text="${pcbOffer.getMaterial()}" >0.00 元</td>
                                      </tr>
                                      <tr>
                                          <td bgcolor="#f4f4f4">板子长：</td>
                                          <td th:text="${pcbOffer.getLength()}+'mm'" >0.00 元</td>
                                      </tr>
                                      <tr>
                                          <td bgcolor="#f4f4f4">板子宽：</td>
                                          <td th:text="${pcbOffer.getWidth()}+'mm'" >0.00 元</td>
                                      </tr>
                                      <tr>
                                          <td bgcolor="#f4f4f4">板子层数：</td>
                                          <td th:text="${pcbOffer.getLayerNumber()}+'层'" >0.00 元</td>
                                      </tr>
                                      <tr>
                                          <td bgcolor="#f4f4f4">数量：</td>
                                          <td th:text="${pcbOffer.getQutantity()}+'个'" >0.00 元</td>
                                      </tr>
                                      <tr>
                                          <td bgcolor="#f4f4f4">板子厚度：</td>
                                          <td th:text="${pcbOffer.getThickness()}" >0.00 元</td>
                                      </tr>
                                      <tr>
                                          <td bgcolor="#f4f4f4">表面处理：</td>
                                          <td th:text="${pcbOffer.getSurfactTreatment()}" >0.00 元</td>
                                      </tr>
                                      <tr>
                                          <td bgcolor="#f4f4f4">外基铜厚度：</td>
                                          <td th:text="${pcbOffer.getEbct()}" >0.00 元</td>
                                      </tr>
                                      <tr>
                                          <td bgcolor="#f4f4f4">内基铜厚度：</td>
                                          <td th:text="${pcbOffer.getIbct()}" >0.00 元</td>
                                      </tr>
                                      <tr>
                                          <td bgcolor="#f4f4f4">节间长度：</td>
                                          <td th:text="${pcbOffer.getPanelLength()}==null ? '' : ${pcbOffer.getPanelLength()}+'mm'" >0.00 元</td>
                                      </tr>
									   <tr>
									      <td bgcolor="#f4f4f4">节点宽度：</td>
									      <td th:text=" ${pcbOffer.getPanelWidth()}==null ? '' : ${pcbOffer.getPanelWidth()}+'mm'" >0.00 元</td>
									  </tr>
									   <tr>
									      <td bgcolor="#f4f4f4">PCS/Panel：</td>
									      <td th:text="${pcbOffer.getPcsPanel()}" >0.00 元</td>
									  </tr>
									   <tr>
									      <td bgcolor="#f4f4f4">阻焊颜色：</td>
									      <td th:text="${pcbOffer.getColor()}" >0.00 元</td>
									  </tr>
									   <tr>
									      <td bgcolor="#f4f4f4">丝网印刷：</td>
									      <td th:text="${pcbOffer.getSilkScreen()}== 0 ? '是':'否' " >0.00 元</td>
									  </tr>
									   <tr>
									      <td bgcolor="#f4f4f4">货币：</td>
									      <td th:text="${pcbOffer.getCurrency()}=='USD($)' ? '美元':'欧元'" >0.00 元</td>
									  </tr>
									   <tr>
									      <td bgcolor="#f4f4f4">UL conformity：</td>
									      <td th:text="${pcbOffer.getUlConformity()}== '0' ? '是':'否'" >0.00 元</td>
									  </tr>
									   <tr>
									      <td bgcolor="#f4f4f4">IPC6012 Class：</td>
									      <td th:text="${pcbOffer.getIpc6012()}" >0.00 元</td>
									  </tr>
                                      <tr>
                                          <td bgcolor="#f4f4f4">是否加急：</td>
                                          <td th:text="${pcbOffer.getUrgent()} == 'Yes' ? '是':'否'" >0.00 元</td>
                                      </tr>
									   <tr>
									      <td bgcolor="#f4f4f4">备注：</td>
									      <td th:text="${pcbOffer.getRemark()}" >0.00 元</td>
									  </tr>
                                      <input type="hidden" name="remark" th:value="${pcbOffer.getRemark()}"/>
                                      <input type="hidden" name="urgent" th:value="${pcbOffer.getUrgent()}" />
                                      <input type="hidden" name="ipc6012" th:value="${pcbOffer.getIpc6012()}" />
                                      <input type="hidden" name="ulConformity" th:value="${pcbOffer.getUlConformity()}"/>
                                      <input type="hidden" name="currency" th:value="${pcbOffer.getCurrency()}"/>
                                      <input type="hidden" name="silkScreen" th:value="${pcbOffer.getSilkScreen()}"/>
                                      <input type="hidden" name="color" th:value="${pcbOffer.getColor()}"/>
                                      <input type="hidden" name="pcsPanel" th:value="${pcbOffer.getPcsPanel()}"/>
                                      <input type="hidden" name="panelWidth" th:value="${pcbOffer.getPanelWidth()}"/>
                                      <input type="hidden" name="panelLength" th:value="${pcbOffer.getPanelLength()}"/>
                                      <input type="hidden" name="surfactTreatment" th:value="${pcbOffer.getSurfactTreatment()}"/>
                                      <input type="hidden" name="thickness" th:value="${pcbOffer.getThickness()}"/>
                                      <input type="hidden" name="qutantity" th:value="${pcbOffer.getQutantity()}"/>
                                      <input type="hidden" name="layerNumber" th:value="${pcbOffer.getLayerNumber()}"/>
                                      <input type="hidden" name="ibct" th:value="${pcbOffer.getIbct()}"/>
                                      <input type="hidden" name="ebct" th:value="${pcbOffer.getEbct()}"/>
                                      <input type="hidden" name="width" th:value="${pcbOffer.getWidth()}"/>
                                      <input type="hidden" name="length" th:value="${pcbOffer.getLength()}"/>
                                      <input type="hidden" name="material" th:value="${pcbOffer.getMaterial()}"/>
                                      <input type="hidden" name="price2" th:value="${pcbOffer.getPrice2()}"/>
                                      <input type="hidden" name="price" th:value="${pcbOffer.getPrice()}"/>
                                      <input type="hidden" name="id" th:value="${pcbOffer.getId()}"/>
                                      <input type="hidden" name="userId" th:value="${pcbOffer.getUserId()}"/>
                                      <input type="hidden" name="tprice" th:value="${pcbOffer.getTprice()}"/>
                                      <input type="hidden" name="fcost" th:value="${pcbOffer.getFcost()}"/>
                                      <input type="hidden" name="scost" th:value="${pcbOffer.getScost()}"/>
                                      <input type="hidden" name="uprice" th:value="${pcbOffer.getUprice()}"/>
                                      <input type="hidden" name="uprice2" th:value="${pcbOffer.getUprice2()}"/>
                                      <input type="hidden" name="lvbv" value="No"/>
                                      <input type="hidden" name="mlwSpace" value="≥0.125mm"/>
                                      <input type="hidden" name="aspectRatio" value="≤8:1"/>

                                      <input type="hidden" />
                                  </tbody>
                              </table>
                          </div>
                      </div>
                  
					<button class="submitjs f18 bold" type="submit" id="btnAddCart"><i class="submit-icon"></i>提交订单</button>
                </form>

            </div>

            <!--计算结果-->
            <div class="calculate-offer" id="quote-scroll">
                <div class="pcbonline-results">

                    <h3 class="dt currentDd currentDt"><span class="f14"><strong>您的信息：</strong><strong th:if="${user}==null" style="color: red">您还未登录</strong></span></h3>
                    <div class="mod" style="display: block;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="cost-details-list">
                            <tbody>
                            <tr>
                                <td bgcolor="#f4f4f4" style="padding: 5px 15px">姓名：</td>
                                <td id="username" th:value="${user}==null ? '未登录':${user.getUserName()}" th:text=" ${user}==null ? '未登录':${user.getUserName()}">未登录</td>
                            </tr>
                            <tr>
                                <td bgcolor="#f4f4f4" style="padding: 5px 15px">电话：</td>
                                <td th:text=" ${user}==null ? '未登录':${user.getPhoneNumber()}">未登录</td>
                            </tr>
                            <tr>

                                <td bgcolor="#f4f4f4" style="padding: 5px 15px">公司：</td>
                                <td th:text=" ${user}==null ? '未登录':${user.getCompany()}">未登录</td>
                            </tr>
                            <tr>
                                <td bgcolor="#f4f4f4" style="padding: 5px 15px">邮箱：</td>
                                <td th:text=" ${user}==null ? '未登录':${user.getMail()}">未登录</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
				
            <div class="clearfloat"></div>
			
        </div>

    </div>





 <!--服务保障 -->
    <div class="four-guarantee nodisplay">
        <div class="w1280">
            <ul class="guarantee-box clearfix">
                <li>
                    <em class="jp-ico wow rollIn animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: rollIn;">
                        <img th:src="@{/images/pcdoffer/guarantee-a-icon.png}" style="width: 63px;height: 63px;"/></em>
                    <span class="f16 wow bounceInLeft animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: bounceInLeft;">价格优势</span>
                    <p class="c9 wow bounceInLeft animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: bounceInLeft;">以行业最优惠的价格服务给您</p>
                </li>
                <li>
                    <em class="jp-ico wow rollIn animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: rollIn;">
                        <img th:src="@{/images/pcdoffer/guarantee-b-icon.png}" style="width: 63px;height: 63px;"/></em>
                    <span class="f16 wow bounceInLeft animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: bounceInLeft;">付款安全</span>
                    <p class="c9 wow bounceInLeft animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: bounceInLeft;">用流行的支付和安全支付方法</p>
                </li>
                <li>
                    <em class="jp-ico wow rollIn animated" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.9s; animation-name: rollIn;">
                        <img th:src="@{/images/pcdoffer/guarantee-c-icon.png}" style="width: 73px;height: 73px;"/></em>
                    <span class="f16 wow bounceInLeft animated" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.9s; animation-name: bounceInLeft;">交期保证</span>
                    <p class="c9 wow bounceInLeft animated" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.9s; animation-name: bounceInLeft;">如果不能按时发货<br />我们将按时效退还加急费</p>
                </li>
                <li>
                    <em class="jp-ico wow rollIn animated" data-wow-delay="1.3" style="visibility: visible; animation-delay: 1.3s; animation-name: rollIn;">
                        <img th:src="@{/images/pcdoffer/guarantee-d-icon.png}" style="width: 63px;height: 63px;"/></em>
                    <span class="f16 wow bounceInLeft animated" data-wow-delay="1.3s" style="visibility: visible; animation-delay: 1.3s; animation-name: bounceInLeft;">质量保证</span>
                    <p class="c9 wow bounceInLeft animated" data-wow-delay="1.3s" style="visibility: visible; animation-delay: 1.3s; animation-name: bounceInLeft;">如果质量与所描述不一致或有质量<br />
                        缺陷，我们将退款</p>
                </li>
            </ul>
        </div>
    </div>

	<footer></footer>
	<div class="rightxuanfu"></div>
	</body>
	<!-- <iframe name="" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"  width="100%" height="270" src="common/footer.html"></iframe> -->
    <script type="text/javascript">
        function alertmessage() {
            localStorage.setItem("calForm","ok");
            var username = $("#username").text();
            if(username=="未登录" ){
                alert("您还未登录，即将跳转至登录页面！");
            }else{
                layer.confirm("是否确定提交订单？",{
                    btn: ['确定','再想想'] //按钮
                },function () {
                    return true;
                },function () {
                    return false;
                })
            }
        }
    </script>
</html>
